<section class="content-section-column">
  <button lv-button lvType="primary" class="ui-icon-btn" (click)="change()"><i lv-icon="icon-menu" lvColorState></i></button>

  <div [ngStyle]="{ width: collapsed ? '72px' : '256px' }">
    <lv-menu [lvMenus]="menus" [lvCollapsed]="collapsed" [lvTitle]="titleTpl" [lvActiveItemId]="active"></lv-menu>
  </div>

  <p>
    更多菜单折叠demo，参看layout
    <a href="/angular/components/layout">菜单展开收起布局demo</a>
  </p>
</section>

<ng-template #titleTpl>
  <div class="ui-menu-title">
    <i class="ui-logo"></i>
    <span>LIVE Design</span>
  </div>
</ng-template>
